import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    globalPhoto: {
      visible: false,
      options: {
        index: 0,
      },
      data: [
        {
          src: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_b.jpg',
          msrc: 'https://farm6.staticflickr.com/5591/15008867125_68a8ed88cc_m.jpg',
          alt: 'picture1',
          title: 'Image Caption 1',
          w: 600,
          h: 400
        },
        {
          src: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_b.jpg',
          msrc: 'https://farm4.staticflickr.com/3902/14985871946_86abb8c56f_m.jpg',
          alt: 'picture2',
          title: 'Image Caption 2',
          w: 1200,
          h: 900
        }
      ]
    }
  },
  mutations: {
    showGlobalPhoto: function (state, payload = {}) {
      state.globalPhoto = {
        ...state.globalPhoto,
        visible: true,
        ...payload
      }
    },

    hideGlobalPhoto: function (state, payload) {
      state.globalPhoto = {
        ...state.globalPhoto,
        visible: false,
      }
    }
  },
  actions: {

  },
})
